<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <title>主窗口</title>
    <link type="text/css" rel="stylesheet" href="../css/public/public.css">
    <link type="text/css" rel="stylesheet" href="../css/module/im.css">
    <link type="text/css" rel="stylesheet" href="../css/module/contact.css">
    <link type="text/css" rel="stylesheet" href="../css/module/group.css">
    <link type="text/css" rel="stylesheet" href="../css/module/filetransfer.css">
    <link type="text/css" rel="stylesheet" href="../css/module/aitemsg.css">
    <link type="text/css" rel="stylesheet" href="../css/module/acknowledmsg.css">
    <link type="text/css" rel="stylesheet" href="../css/module/smartMenu.css">
    <link rel="stylesheet" href="../dist/static/css/app.css">
    <script src="../js/compatible.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/jquery-smartMenu.js"></script>
    <script src="../js/uuid-Util.js"></script>
    <script src="../js/qwebchannel.js"></script>
    <script src="../js/selfmain-objects.js"></script>
    <script src="../js/selfmain-common.js"></script>
    <script src="../js/selfmain-contact.js"></script>
    <script src="../js/selfmain-chat.js"></script>

    <script src="../js/klogger.js"></script>
</head>
<!-- oncontextmenu="return false" -->
<body class="opg">

<!-- 这个div用来反转义字符串 -->
<div id="decode" class="hideList" style="display:none;"></div>

<div id="app" class="wrap-im">
    <SelectPeople v-if="showSelectPeople"></SelectPeople>
    <MoreMenu :showmenu="showMenu" @change-show="changeShow"></MoreMenu>
    <div id="im-left" class="im-left">
        <div id="myInfo" class="im-name" onclick="showMyInfo()">
            <img >
        </div>
        <div id="content-em-parent">
            <a id="im-chat" class="im-chat active" number="0">
                <em class="iconn-chat"></em> <span class="num hideList">0</span>
                <!--<strong class="im-the-font">消息</strong>-->
            </a> <a id="im-contact" class="im-contact"> <em
                class="iconn-contact"></em>
            <!--<strong class="im-detail-font">通讯录</strong>-->
        </a>

        </div>
        <!--.active为选中效果-->

    </div>
    <div class="im-right">
        <div id="right-top" class="right-top">
            <div class="fl">
                <div id="search" class="search-val"><em class="iconn-21"></em> <input type="text" value="联系人、频道、群聊"
                                                                                      class="search-input"
                                                                                      style="color: rgb(181, 181, 181); font-size: 12px; padding: 6px 0px 6px 30px;">
                    <em id="deleteIcon" class="iconn-11 active hideList"  style="display:none;"></em></div>
                <a id="search-btn" class="search-btn iconn-39 "></a></div>
        </div>
        <div>
            <div id="im-chat-content">
                <div id="no-wifi" class="no-wifi hideList"><em class="iconn-28"></em><span></span></div>
                <div class="right-list">
                    <div id="session-no-record" class="no-record hideList"><img src="../images/public/no-record.jpg"
                                                                                width="132" height="132">
                        <p>没有会话记录</p> <span>快联系你的小伙伴吧</span></div>
                    <ul id="session" class="clearfix name-list name-show"></ul>
                    <div class="session-loading chat-session-loading"><img src="../images/public/loading-ms.gif"></div>
                </div>
                <div class="right-con">
                    <div class="con-title for-drag"></div>
                    <div id="msg-no-record" class="no-record"><img src="../images/public/no-record.jpg" width="132"
                                                                   height="132"></div>
                    <div id="chatArea" class="hideList" style="display:none;">
                        <div class="con-title"><span id="chat-title" style="cursor: pointer;"></span> <span
                                id="chat-deptAndDuty"
                                class="hideList">(<span
                                class="deptAndDutyContent"></span>)</span></div>
                        <div id="msgArea"></div>

                        <!--打开表情等图标-->
                        <div class="con-val">
                            <div class="val-title"><em id="selectFace" class="iconn-1"></em><em id="printScreen"
                                                                                                class="iconn-icon-printscreen"><img
                                    src="../images/im/裁剪copy@2x(2).png" alt="" class="un-active"> <img
                                    src="../images/im/裁剪copy@2x.png" alt="" class="active"></em><em id="selectPic"
                                                                                                    class="iconn-22"></em><em
                                    id="selectFile" class="iconn-icon-file"></em> <em id="sendAcknowledgementMsg"
                                                                                      class="iconn-icon-acknow"><img
                                    src="../images/im/回执消息@2x.png" alt="" class="un-active"> <img
                                    src="../images/im/回执消息－hover@2x.png" alt="" class="active"></em>
                                <div id="emoji" class="emoji hideList" style="display:none;">
                                    <div class="emoji-list">
                                        <ul id="faces" class="clearfix"></ul>
                                    </div>
                                    <div class="emoji-tab">
                                        <div class="tab-default"><em class="iconn-1"></em></div>
                                    </div>
                                </div>
                            </div>
                            <pre id="input-content" contenteditable="true" class="edit-box"></pre>
                            <div class="btn-box">
                                <button id="sendBtn" class="btn-send-msg">发送</button>
                                <div id="too-much-pic" class="prompt-num hideList" style="display:none;">最多支持10张图片一起发送
                                    <div class="triangle"><i>■</i><i>■</i></div>
                                </div>
                            </div>
                        </div>
                        <div onscroll="_loadMoreApplicationMessage()" class="application-message-list hideList" style="display:none;">
                            <div class="application-no-record hideList"><img src="../images/public/no-record.jpg"
                                                                             width="132" height="132">
                                <div>暂无数据</div>
                            </div>
                            <div class="application-message-list-area hideList"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="im-contact-content" style="display: none;">
                <div class="right-list">
                    <div id="" class="no-record hideList"  style="display:none;"><img src="../images/public/no-record.jpg"
                                                                                width="132" height="132">
                        <p>没有会话记录</p> <span>快联系你的小伙伴吧</span></div>
                    <ul class="clearfix group-list group-show">
                        <li><a id="a"><em class="iconn-24 contact-group-em" id="new-friend-em" ></em>
                            <p>新的朋友</p> <span class="num"></span></a>
                        </li>
                    </ul>
                    <!--<a id="new-friend" class="contact-groups"><em class="iconn-24 open-em"></em>
                            <p class="open-title">新的朋友</p> <span class="num">1</span></a>-->
                    <ul id="new-friend-ul" class="clearfix name-list name-show" style="display: none;">
                    </ul>
                    <ul class="clearfix group-list group-show">
                        <li><a id="d"><em class="iconn-24 contact-group-em"></em>
                            <p>群聊</p> <span class="num"></span></a>
                            <ul id="e" class="group-my hideList"  style="display:none;"></ul>
                        </li>
                    </ul>
                    <ul id="friend-ul" class="clearfix name-list name-show" style=""></ul>
                    <div class="session-loading chat-session-loading"><img src="../images/public/loading-ms.gif"></div>
                </div>
                <div class="right-con"><span class="contacts-title"></span>
                    <div id="contact-no-record" class="no-record"><img src="../images/public/no-record.jpg" width="132"
                                                                       height="132"></div>
                    <div id="friend-apply-detail" class="my-detal" style="display: none;">
                        <div class="detail-title">

                                <img class="friend-apply-detail-avatar" src="http://img2.imgtn.bdimg.com/it/u=633882236,922813962&fm=11&gp=0.jpg">

                            <p id="friend-apply-detail-name" class="friend-apply-detail-name">我是辣辣王</p>
                        </div>
                        <div class="detail-tab" style="height: 20px;"></div>
                        <div id="contacts-detail-infos" class="detail-message" style="height: 298px; overflow-y: auto;">
                            <p id="contacts-detail-phone"><em>挖辣辣号</em>啊啊啊啊啊啊啊啊啊</p>
                            <p id="apply-extra"><em>认证信息</em>啊啊啊啊啊啊啊啊啊</p>
                        </div>
                        <a id="pass-btn" onclick="examineFriend(this)" class="btn-send" style="left:68%" status="0">通过</a>
                        <a id="reject-btn" onclick="examineFriend(this)" class="btn-send" style="left:32%" status="1">拒绝</a>
                    </div>
                    <div id="friend-detail" class="my-detal" style="display: none;">
                        <div class="detail-title">

                                <img class="friend-apply-detail-avatar" id="friend-detail-avatar" src="http://img2.imgtn.bdimg.com/it/u=633882236,922813962&fm=11&gp=0.jpg">

                            <p id="friend-detail-name" class="friend-apply-detail-name">我是辣辣王</p>
                        </div>
                        <div class="detail-tab" style="height: 20px;"></div>
                        <div id="friend-detail-infos" class="detail-message" style="height: 298px; overflow-y: auto;">
                            <p id="friend-detail-id"><em>挖辣辣号</em>啊啊啊啊啊啊啊啊啊</p>
                        </div>
                        <a id="sendMsg-btn" onclick="newConversation()" class="btn-send">发消息</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="search-list" style="display:none;">
            <div class="right-list hideList" >
                <div class="search-members">
                    <div class="search-header"><span style="font-size: 14px; color: rgb(153, 153, 153);">联系人</span>
                        <span class="fr search-members-expand hideList">查看全部<span
                                class="search-members-total"></span></span> <span
                                class="fr hideList search-members-collapse">收起</span></div>
                    <ul class="clearfix name-list search-show search-members-show"></ul>
                </div>
                <div class="search-channels">
                    <div class="search-header"><span style="font-size: 14px; color: rgb(153, 153, 153);">频道</span> <span
                            class="fr search-channels-expand hideList">查看全部<span
                            class="search-channels-total"></span></span> <span
                            class="fr hideList search-channels-collapse">收起</span></div>
                    <ul class="clearfix name-list search-show search-channels-show"></ul>
                </div>
                <div class="search-groups">
                    <div class="search-header"><span style="font-size: 14px; color: rgb(153, 153, 153);">群聊</span> <span
                            class="fr search-groups-expand hideList">查看全部<span
                            class="search-groups-total"></span></span> <span class="fr hideList search-groups-collapse">收起</span>
                    </div>
                    <ul class="clearfix name-list search-show search-groups-show"></ul>
                </div>
            </div>
            <div class="right-con hideList"><span class="contacts-title"></span>
                <div id="contacts-detail2" class="my-detal" style="background-color: rgb(255, 255, 255);">
                    <div class="detail-title">
                        <div class="im-name"></div>
                        <p id="contacts-detail-name2"></p> <span id="contacts-detail-status2"
                                                                 class="un-active hideList">未激活</span></div>
                    <div class="detail-tab" style="height: 20px;"></div>
                    <div id="contacts-detail-infos2" class="detail-message" style="height: 298px; overflow-y: auto;">
                        <div class="gray">个人信息</div>
                        <p id="contacts-detail-phone2"><em class="iconn-20"></em></p>
                        <p id="contacts-detail-mail2"><em class="iconn-42"></em></p>
                        <p id="contacts-detail-dept2"><em class="iconn-4"></em></p>
                        <p id="contacts-detail-duty2"><em class="iconn-43"></em></p>
                        <div id="partTime2" class="hideList">
                            <div class="gray">兼任信息</div>
                        </div>
                    </div>
                    <a id="contact-btn2" onclick="contactNewConversation(this)" class="btn-send">发起会话</a></div>
            </div>
        </div>
    </div>
    <div class="global-win-control">
        <a id="winMin" herf="javascript:;" class="iconn-3"></a><a
            id="winMax" herf="javascript:;" class="iconn-45 iconn-38"></a><a
            id="winClose" herf="javascript:;" class="iconn-11"></a>
    </div>
    <div id="global-context-menu" class="mouse-new hideList kright"  style="display:none;">
        <div class="copy-file-context-menu hideList" onclick="copyFileToAnotherPath()">另存为...</div>
        <div class="set-top-context-menu hideList" onclick="setSessionTop()">置顶</div>
        <div class="cancel-top-context-menu hideList" onclick="cancelSessionTop()">取消置顶</div>
        <div class="set-session-mute hideList" onclick="setSessionMute()">消息免打扰</div>
        <div class="cancel-session-mute hideList" onclick="cancelSessionMute()">取消免打扰</div>
        <div class="delete-session-context-menu hideList" onclick="contextMenuDeleteSession()">删除聊天</div>
        <div class="exit-group-context-menu hideList" onclick="openExitGroupModal()">退出群聊</div>
        <div class="refresh-dept-context-menu hideList" onclick="refreshDept()">刷新</div>
        <div class="refreshing-dept-context-menu hideList">正在刷新...</div>
        <div class="set-application-message-mute hideList" onclick="setApplicationMessageMute()">免打扰</div>
        <div class="cancel-application-message-mute hideList" onclick="cancelApplicationMessageMute()">取消免打扰</div>
        <div class="delete-application-message hideList" onclick="deleteApplicationMessage()">删除</div>
        <!--头像右键-->
        <div class="sendmsg-chat-context-menu hideList" onclick="rightmenuOpensession()">发起会话</div>
        <div class="aite-chat-context-menu hideList" onclick="rightmenuAite()">@TA</div>
        <!--搜索框右键-->
        <div class="copy-chat-context-menu hideList" onmousedown="searchCopy()">复制</div>
        <div class="cut-chat-context-menu hideList" onmousedown="searchCut()">剪切</div>
        <div class="paste-chat-context-menu hideList" onmousedown="searchPaste()">粘贴</div>
        <div class="select-all-chat-context-menu hideList" onclick="searchSelectAll()">全选</div>
        <div class="guest-quit-channel hideList" onclick="guestQuitChannel()">退出频道</div>
    </div>

    <!--回发弹窗 -->
    <div class="fileSendReturn  animatehide">
        <p class="title">确认向全球回发此文件？</p>
        <div class="body">
            <img class="pic" src="../images/file/EXCEL40@2x.png">
            <div class="content">
                <p class="filename">产品具体希望文档修改规划。doc</p>
                <p class="localtion">位置：e:\aba\234\dd\a.txt</p>
                <p class="time">修改时间：2017.0.10</p>
            </div>
        </div>
        <div class="btn">
            <span class="cancle">取消</span>
            <span class="confirm">确认</span>
        </div>
    </div>
    <!--aite @人员列表 -->
    <div class="aiteMemberList hideList kright" style="display:none;"></div>
    <!--消息右键输入框菜单列表 -->
    <div class="inputrightmenu hideList kright" style="display:none;">
        <ul>
            <li>复制</li>
            <li>复制</li>
            <li>复制</li>
        </ul>
    </div>
    <!--消息右键菜单列表 -->
    <div class="krightmenu hideList kright" style="display:none;"></div>
    <div class="exit-group-modal hide">
        <div class="exit-group-body">退出群聊后，将不再接收此群聊消息，确定退出？</div>
        <div class="exit-group-btn-group">
            <button class="exit-group-cancel">取消</button>
            <button class="exit-group-confirm">确定</button>
        </div>
    </div>

    <!--消息右键菜单列表 -->
    <div class="krightmenu hideList kright" style="display:none;"></div>
    <div class="guest-quit-channel-modal hide">
        <div class="guest-quit-channel-body">退出群聊后，将不再接收此群聊消息，确定退出？</div>
        <div class="guest-quit-channel-btn-group">
            <button class="guest-quit-channel-cancel">取消</button>
            <button class="guest-quit-channel-confirm">确定</button>
        </div>
    </div>

    <!--发起群聊-->
</div>

<script>
    /*var obj = document.getElementById('first');
    obj.onclick = function () {
        this.className = 'list-text file-wrapper padding-0 doc-bac-color on';
    }*/


    var begin = true;
    $('.voice').on('click', function () {
        if (begin) {
            $(this).find('.icon-voice').addClass('hide').siblings('.voice-box').removeClass('hide');
            begin = false;
        } else {
            $(this).find('.icon-voice').removeClass('hide').siblings('.voice-box').addClass('hide');
            begin = true;
        }

    })

</script>
<script src="../js/kInputRightMenu.js"></script>
<script src="../js/kRightMenu.js"></script>
<script src="../dist/static/js/app.js"></script>
</body>
</html>
